@charset "utf-8";
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 1000px;
    header{
        width: 100%;
        height:73px ;
        border-bottom: 1px solid #dfdfdf;
        .logo_red{
            margin-left: 1%;
            margin-top: 7px;
            float: left;
        }
        .nav{
            width: 40%;
            height: 73px;
            float: left;
            margin-left: 15%;
            ul{
                list-style: none;
                li{
                    float: left;
                    a{
                        font-size: 15px;
                        color: #000;
                        text-decoration: none;
                    }
                }
                
            }
        }
        .one{
            width: 13%;
            height: 73px;
            float: left;
            &:hover{
                background:#e7e7e7;
            }
            .type_one{
                font-size: 15px;
                text-align: center;
                display: block;
                margin-top: 30px;
                color: #000;
            }
        }
        .two{
            width: 16%;
            height: 73px;
            float: left;
            &:hover{
                background:#e7e7e7;
            }
            .type_two{
                font-size: 15px;
                text-align: center;
                display: block;
                margin-top: 30px;
                color: #000;
            }
        }
        .sousuo{
            float: left;
            width: 12%;
            margin-top: 26px;
            margin-left: 4%;
            .sou{
                width: 100%;
                height: 26px;
                border: 1px solid #dbdddf;
                border-radius: 13px;
                padding-left: 6%;
                float: left;
                padding-right: 29px;
                box-sizing: border-box;
            }
        }
        .sou_tu{
            margin-left: -26px;
            margin-top: 26px;
        }
        .head_right{
            width: 12%;
            width: 20%;
            float: right;
            height: 73px;
            ul{
                float: left;
                width: 100%;
                li{
                    float: left;
                    color: #878787;
                    text-align: center;
                    border-left: 1px solid #dfdfdf;
                    position: relative;
                    box-sizing: border-box;
                    &:hover{
                        background:#e7e7e7;
                    }
                    a{
                        font-size: 10px;
                        color: #878787;
                        line-height: 73px;
                        box-sizing: border-box;
                        span{
                            font-size: 10px;
                            color: #878787;
                            line-height: 73px;
                            box-sizing: border-box;
                            letter-spacing: -1px;
                        }
                    } 
                }
                .one{
                    width: 25%;
                }
                .two{
                    width: 30%;
                }
                .three{
                    width: 20%;
                }
            }
        }
    }
    section{
        
    }
   footer{
        width: 100%;
        .buttom{
            width: 100%;
            height: 249px;
            background: #eb413d;
            .buttom_center{
                width: 650px;
                height: 249px;
                margin: 0 auto;
              .logo_white{
                    margin-top: 52px;
                    float: left;
                }
                .bottom_nav{
                    width: 1px;
                    height: 88px;
                    float: left;
                    border-left: 1px solid #f07471;
                    margin-left: 47px;
                    margin-top: 52px;
                }
                .bottom_link{
                    margin-left: 45px;
                    margin-top: 48px;
                    float: left;
                    .fl{
                        float: left;
                        margin-right: 58px;
                    }
                    ul{
                        color: white;
                        li{
                            font-size: 12px;
                            list-style-type: none;
                            .chunk{
                                display: inline-block;
                                
                            }
                            a{
                                line-height: 24px;
                                color: white;
                                &:hover{
                                    color: #e7e7e7;
                                }
                            }
                            .tod{
                                width: 4px;
                                height: 4px;
                                border-radius: 4px;
                                background: white;
                                vertical-align: middle;
                                float: left;
                                margin-top: 10px;
                                margin-right: 5px;
                            }
                        }
                    }
                    .bottom_link{
                        margin-left: 48px;
                    }
                }
                .bottom_font{
                    padding-top: 205px;
                    text-align: center;
                    .font_white{
                        font-size: 12px;
                        color: white;
                    }
                }
            }  
        }
              
    }
}
